<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>当当网我的订单页</title>
    <link type="text/css" rel="stylesheet" href="css/dangdang.css">
</head>
<body>
<div id="menu" class="pos">
    <a href="#" id="my">我的当当</a>
    <ul id="menu-ul"><li><a href="#">我的订单</a></li><li><a href="#">我的收藏</a></li><li><a href="#">我的礼品卡</a></li><li><a href="#">我的积分</a></li><li><a href="#">我的余额</a></li></ul>
</div>
<script src="../../js/jquery-3.5.1.js" type="text/javascript"></script>
<script type="text/javascript">
    jQuery(function () {
        jQuery("#menu-ul").hide();
        //鼠标悬浮事件
        jQuery("#my").hover(function () {//悬浮
            $("#menu-ul").show();
            $("#menu").css("border","1px #ee7304 solid")
        },function () {//离开
            $("#menu-ul").hide();
            $("#menu").css("border","none")
        })
    })
</script>
</body>
</html>